@CHARSET "ISO-8859-1";

/* ------------- STYLES DE BASE ------------- */ /* Page */
html {
	font-size: 100%; /* �vite un bug d'IE 6-7. (1) */
}

body {
	margin: 0;
	padding: 1em;
	font-size: 100.01%;
	line-height: 1.4;
	color: black;
	background: white;
	font-family: Georgia, Cambria, Times, Times New Roman, serif;
	word-spacing: 0.1em;
}

/* Titres */
h1,h2,h3,h4,h5,h6 {
	margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */
	line-height: 1.2;
	font-weight: bold; /* Valeur par d�faut. (6) */
	font-style: normal;
}

h1 {
	font-size: 1.75em;
	color: #e42b85;
}

h2 {
	font-size: 1.5em;
}

h3,.articleTitle {
	font-size: 1.25em;
	color: #a3c300;
}

h4 {
	font-size: 1em;
}

/* Listes */
ul,ol {
	margin: .75em 0 .75em 32px;
	padding: 0;
}

/* Paragraphes */
p {
	margin: .75em 0; /* Marges plus faibles que par d�faut. (7) */
}

address {
	margin: .75em 0;
	font-style: normal;
}

/* Liens */
a {
	text-decoration: underline;
}

a:link {
	color: #11C;
}

a:visited {
	color: #339;
}

a:hover,a:focus,a:active {
	color: #00F;
}

/* Pas de bordure pointill�e ou halo lors du clic sur un lien */
a:active {
	outline: none;
}

/* Pas de bordure autour des images dans les liens */
a img {
	border: none;
}

/* Divers �l�ments de type en-ligne (8) */
em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

/* Formulaires */
form,fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

input,button,select {
	vertical-align: middle; /* Solution pb. d'alignement. (9) */
}

/* --- STYLES DE BASE SUPPL�MENTAIRES --- */
/* Met en �vidence les abr�viations (ayant un attribut title) */
abbr[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

/* Met en �vidence les citations */
blockquote {
	margin: .75em 0 .75em 20px;
	padding: 0 0 0 10px;
	border-left: solid 2px #ddd;
}

q,cite {
	font-style: italic;
}

q cite,q q {
	font-style: normal
}

/* Supprime les guillemets automatiques (citations courtes) */
q {
	quotes: none;
}

q:before,q:after {
	content: ""; /* N�cessaire pour Safari/Chrome */
}

/* Rapproche les paragraphes dans les listes et citations */
blockquote p,li p {
	margin: .5em 0;
}

/* Styles de base pour les listes de d�finition */
dl {
	margin: .75em 0;
}

dt {
	margin: .75em 0 0 0;
	font-weight: bold;
}

dd {
	margin: 0 0 0 10px;
}

/* Mise en forme simple pour les tableaux */
table {
	margin: 0;
	border: 1px solid gray; /* Pas de bordure = "none". */
	border-collapse: collapse; /* Valeur par d�faut: "separate". */
	border-spacing: 0;
}

table td,table th {
	padding: 4px; /* Pas de retrait autour du texte = "0". */
	border: 1px solid #ccc; /* Pas de bordure = "none". */
	vertical-align: top; /* Valeur par d�faut: "middle" */
}

/* Conteneurs s�mantiques de HTML 5 */
article,aside,dialog,figure,footer,header,hgroup,menu,nav,section {
	display: block;
}

.masquer {
	display: none;
}

.afficher {
	display: block;
}

/* --- STYLE D'ONGLETS --- */ /* Menu bottom */
.menuBottom ul {
	font: bold 16px verdana, arial, sans-serif;
	margin: 0;
	padding: 0 0 29px 10px;
}

.menuBottom ul li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	float: right;
}

.menuBottom ul a:link,.menuBottom ul a:visited {
	float: left;
	line-height: 24px;
	margin: 0 10px 4px 10px;
	text-decoration: none;
	color: white;
	font-variant: small-caps;
	border-top: 4px solid transparent;
}

.menuBottom ul li.active a:link,.menuBottom ul li.active a:visited {
	color: DeepPink;
}

.menuBottom ul a:hover {
	color: LightPink;
}

.menuBottom ul li.active a:hover {
	cursor: default;
}

/* Menu top */
.menuTop ul {
	font: bold 15px verdana, arial, sans-serif;
	margin: 0;
	padding: 0;
}

.menuTop ul li {
	margin: 0;
	padding: 0px;
	display: inline;
	list-style-type: none;
}

.menuTop ul a {
	margin: 0;
	padding: 0px;
	display: inline;
	list-style-type: none;
	background-repeat: no-repeat
}

.menuTop ul a.item1 {
	background-image: url("/img/item.png");
}

.menuTop ul a.item2 {
	background-image: url("/img/item.png");
}

.menuTop ul a.item3 {
	background-image: url("/img/item.png");
}

.menuTop ul a.item4 {
	background-image: url("/img/item.png");
}

.menuTop ul a.item5 {
	background-image: url("/img/item.png");
}

.menuTop ul a.item6 {
	background-image: url("/img/item.png");
}

.menuTop ul a.item7 {
	background-image: url("/img/item.png");
}

.menuTop ul a.item8 {
	background-image: url("/img/item.png");
}

.menuTop ul a:link,.menuTop ul a:visited {
	float: left;
	line-height: 22px;
	margin: 0px 5px 0px 5px;
	padding: 0 0 0 3px;
	text-decoration: none;
	color: white;
	font-variant: small-caps;
	width: 147px;
	height: 25px;
	background-position: 0 -50px;
}

.menuTop ul li.active a:link,.menuTop ul li.active a:visited {
	background-position: 0 0;
	color: white;
}

.menuTop ul a:hover {
	color: white;
	background-position: 0 -75px;
}

.menuTop ul li.active a:hover {
	cursor: default;
	background-position: 0 -25px;
}

/* Menu simple */
.menuSimple ul {
	list-style-type: none;
	text-align: left;
	margin: 0;
	padding-bottom: 10px;
}

.menuSimple ul li {
	display: inline;
	list-style-type: none;
}

.menuSimple ul a {
	color: #e42b85;
	font-size: 1.1em;
	font-variant: small-caps;
	font-weight: bold;
	text-decoration: none;
	margin: 0 5px 0 5px;
}

.menuSimple ul li.active a:link,.menuSimple ul li.active a:visited {
	color: #a3c300;
}

.menuSimple ul li.active a:hover {
	cursor: default;
}

.menuSimple ul a.size0 {
    font-size: 12px;
    color: DarkGray;
}

.menuSimple ul a.size1 {
    font-size: 14px;
    color: LightSlateGray;
}

.menuSimple ul a.size2 {
    font-size: 16px;
    color: Gray;
}

.menuSimple ul a.size3 {
    font-size: 18px;
    color: SlateGray;
}

.menuSimple ul a.size4 {
    font-size: 20px;
    color: DimGray;
}

.menuSimple ul a.size5 {
    font-size: 22px;
    color: DarkSlateGray;
}

.menuSimple ul a.photoTag {
    font-weight: normal;
}

.menuSimple ul a.photoTag:hover {
    color: #e42b85;
}

/* Tipsy */
.tipsy {
	padding: 5px;
	font-size: 0.7em;
	font-weight: 500;
	position: absolute;
	z-index: 100000;
}

.tipsy-inner {
	padding: 5px 8px 4px 8px;
	background-color: #e42b85;
	color: white;
	max-width: 200px;
	text-align: center;
}

.tipsy-inner {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.tipsy-arrow {
	position: absolute;
	background: url('/img/tipsy.gif') no-repeat top left;
	width: 9px;
	height: 5px;
}

.tipsy-n .tipsy-arrow {
	top: 0;
	left: 50%;
	margin-left: -4px;
}

.tipsy-nw .tipsy-arrow {
	top: 0;
	left: 10px;
}

.tipsy-ne .tipsy-arrow {
	top: 0;
	right: 10px;
}

.tipsy-s .tipsy-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -4px;
	background-position: bottom left;
}

.tipsy-sw .tipsy-arrow {
	bottom: 0;
	left: 10px;
	background-position: bottom left;
}

.tipsy-se .tipsy-arrow {
	bottom: 0;
	right: 10px;
	background-position: bottom left;
}

.tipsy-e .tipsy-arrow {
	top: 50%;
	margin-top: -4px;
	right: 0;
	width: 5px;
	height: 9px;
	background-position: top right;
}

.tipsy-w .tipsy-arrow {
	top: 50%;
	margin-top: -4px;
	left: 0;
	width: 5px;
	height: 9px;
}

/* Slider */
#slider {
	width: 850px;
	margin: 0 auto;
	position: relative;
}

.scroll {
	overflow: hidden;
	width: 850px;
	margin: 0 auto;
	position: relative;
}

.scrollContainer {
	position: relative;
}

.scrollContainer div.panel {
	padding: 10px;
	width: 274px;
	height: 360px;
}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
}

.inside {
	padding: 10px;
	border: 1px solid #ccc;
	background-color: WhiteSmoke;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.inside img {
	display: block;
	border: 1px solid #666;
	margin: 0 0 10px 0;
	width: 250px;
}

.inside h2 {
	font-weight: normal;
	color: #e42b85;
	font-size: 16px;
	margin: 0 0 8px 0;
}

.inside p {
	font-size: 11px;
	color: black;
}

.inside a {
	color: #999;
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
}

.inside a:hover {
	border-bottom: 1px solid #999;
}

.scrollButtons {
	position: absolute;
	top: 227px;
	cursor: pointer;
}

.scrollButtons.left {
	left: -45px;
}

.scrollButtons.right {
	right: -45px;
}

.hide {
	display: none;
}

/* Gallery */
div.content, div.loader, div.slideshow a.advance-link, span.image-caption {
    width: 650px;
}

div.slideshow-container, div.loader {
    height: 500px
}

div.slideshow a.advance-link {
    line-height: 500px;
}

div#gallery-photos {
    height: 650px;
}

div.controls a {
    padding: 0px;
}

.play, .pause {
    width: 16px;
    height: 16px;
    display: inline-block;
}

.play {
    background: url(/img/play.png);
}

.pause {
    background: url(/img/pause.png);
}

.prev, .next {
    width: 14px;
    height: 18px;
    display: inline-block;
}

.prev {
    background: url(/img/leftarrow-mini.png);
}

.next {
    margin-left: 5px;
    background: url(/img/rightarrow-mini.png);
}

div.pagination span.current {
   background-color: #e42b85;
}

/* Cycle */

.picsMedium {
	height: 272px;
	width: 352px;
	padding: 0;
	margin: 0;
	overflow: hidden
}

.picsMedium img {
	height: 240px;
	width: 320px;
	padding: 15px;
	border: 1px solid #ccc;
	background-color: WhiteSmoke;
	top: 0;
	left: 0
}

.picsMedium img {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.picsLarge {
	height: 512px;
	width: 672px;
	padding: 0;
	margin: 0;
	overflow: hidden
}

.picsLarge img {
	height: 480px;
	width: 640px;
	padding: 15px;
	border: 1px solid #ccc;
	background-color: WhiteSmoke;
	top: 0;
	left: 0
}

.picsLarge img {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

/* Anything Slider */
.anythingSlider {
	width: 614px;
	height: 360px;
	position: relative;
	margin: -10px auto 15px;
}

.anythingSlider .wrapper {
	width: 480px;
	overflow: auto;
	height: 360px;
	margin: 0 67px;
	position: absolute;
	top: 0;
	left: 0;
}

/* Width below is max for Opera */
.anythingSlider .wrapper ul {
	width: 32700px;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
}

.anythingSlider .wrapper ul li {
	display: block;
	float: left;
	padding: 0;
	height: 360px;
	width: 480px;
	margin: 0;
}

.anythingSlider .arrow {
	display: block;
	height: 200px;
	width: 67px;
	background: url(/img/arrows.png) no-repeat 0 0;
	text-indent: -9999px;
	position: absolute;
	top: -270px;
	cursor: pointer;
}

.anythingSlider .forward {
	background-position: 0 0;
	right: 0px;
}

.anythingSlider .back {
	background-position: -67px 0;
	left: 0px;
}

.anythingSlider .forward:hover {
	background-position: 0 -200px;
}

.anythingSlider .back:hover {
	background-position: -67px -200px;
}

.thumbNav {
	position: relative;
	top: 356px;
	text-align: center;
}

.thumbNav ul {
	margin: 0;
	padding: 0;
}

.thumbNav li {
	display: inline;
}

.thumbNav a {
	color: black;
	font: 11px/18px Georgia, Serif;
	display: inline-block;
	padding: 2px 8px;
	height: 18px;
	margin: 0 5px 0 0;
	border: 1px solid #ccc;
	background-color: white;
	text-align: center;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

.thumbNav a:hover {
	background-image: none;
}

.thumbNav a.cur {
	background: WhiteSmoke;
}

.start-stop {
	z-index: 10;
	background-repeat: no-repeat;
	background-position: center;
	color: white;
	width: 24px;
	height: 24px;
	text-align: center;
	position: absolute;
	right: 120px;
	top: 360px;
	background-image: url(/img/play.png);
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border: 1px solid #ccc;
	border-top: none;
}

.start-stop.playing {
	background-image: url(/img/pause.png);
}

.start-stop:hover {

}

/*
  Prevents
*/
.anythingSlider .wrapper ul ul {
	position: static;
	margin: 0;
	background: none;
	overflow: visible;
	width: auto;
	border: 0;
}

.anythingSlider .wrapper ul ul li {
	float: none;
	height: auto;
	width: auto;
	background: none;
}

.bsa_it_ad {
	border: 0 !important;
	padding: 6px !important;
	overflow: hidden !important;
	background: #eae3c0 !important;
	-moz-box-shadow: 0 0 48px black;
	-webkit-box-shadow: 0 0 48px black;
}

.bsa_it_ad a {
	margin: 0 !important;
	padding: 0 !important;
}

.bsa_it_ad a img {
	border: 0 !important;
	position: static !important;
}

.bsa_it_ad a:hover img {
	margin: 0 !important;
}

.bsa_it_ad a:hover {
	background: none !important;
}

.bsa_it_i {
	margin: 0 15px 0 0 !important;
}

.bsa_it_t {
	margin: 12px 0 0 0 !important;
	font: 16px Georgia, Serif !important;
}

.bsa_it_d {
	font: 11px Verdana, Helvetica, Arial, Sans-Serif;
	padding-right: 10px;
}

.bsa_it_p {
	bottom: 5px !important;
	right: 5px !important;
	padding: 0 !important;
}

.bsa_it_p a:hover {
	background: none !important;
}

.header-button {
	border-top: 1px solid #cf942d !important;
	border-bottom: 0 !important;
	background: #964418 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#e86e36),
		to(#964418) ) !important;
	background: -moz-linear-gradient(top, #e86e36, #964418) !important;
	padding: 3px 10px !important;
	-webkit-border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	border-radius: 8px !important;
	-webkit-box-shadow: rgba(0, 0, 0, 1) 0 1px 0 !important;
	-moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 0 !important;
	box-shadow: rgba(0, 0, 0, 1) 0 1px 0 !important;
	text-shadow: rgba(0, 0, 0, .4) 0 1px 0 !important;
	color: white !important;
	font-size: 13px !important;
	font-family: Georgia, serif !important;
	text-decoration: none !important;
	vertical-align: middle !important;
	display: inline !important;
	margin: 0 !important;
	float: none !important;
}

.header-button:hover {
	border-top: 1px solid #4f220d !important;
	background: #4f220d !important;
	color: #ccc !important;
	text-decoration: none !important;
	margin: 0 !important;
}

.header-button:active {
	border-top: 1px solid #261105 !important;
	background: #261105;
}

.header-button:visited:before,.header-button:visited:after {
	content: "" !important;
}

/* JQuery ui theme */
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default
	{
	background: #e42b85;
	color: white;
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited
	{
	background: #e42b85;
	color: white;
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus
	{
	color: black;
}

.ui-state-hover a,.ui-state-hover a:hover {
	color: black;
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active
	{
	color: black;
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
	background: #a3c300;
	color: white;
}

.ui-helper-reset {
	font: normal 15px verdana, arial, sans-serif;
}

/* ------------- STYLES DU GITE ------------- */
html,body {
	background-color: white;
}

div#global {
	width: 960px;
	margin: 0 auto;
	background-color: white;
}

.center {
	text-align: center;
}

/* Header */
header#header {
	height: 293px;
	background: url('/img/header.gif');
}

div#top {
	height: 300px;
}

div#titre {
	width: 90%;
	float: left;
}

div#navigationSocialNetWork {
    width: 200px;
    float: left;
    padding: 5px;
}

div#navigationLangues {
	width: 200px;
	float: right;
}

div#navigationPrincipal {
	height: 30px;
}

table.articles,table.articles td,table.articles tr,table.articles th {
	border: none;
	padding: 10px;
}

td#articleAccueil1 {
	width: "510px";
}

td#articleAccueil2 {
	width: 450px;
}

div#articlegite0,div#articlegite1,div#articlegite1,div#articlegite3,div#articlegite4,div#articlegite5
	{
	height: 360px;
	overflow: hidden;
}

/* Content */
div#content {
	margin-top: 30px;
	text-align: justify;
	padding: 10px 10px 10px 10px;
}

div#content h1 {
	text-align: left;
}

div#bottom {
	height: 140px;
}

/* Footer */
footer#footer {
	height: 177px;
	background: url('/img/footer.gif');
}

/* Formulaire */
img.captchaImage {
	border: solid 1px LightGrey;
}

fieldset {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 1.2em;
	padding: 0.2em 2em 0.2em 2em;
	position: relative !important;
	z-index: 1;
	border: 1px solid #a3c300;
	color: black;
	font-weight: normal;
	text-align: justify;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}

legend {
	color: #a3c300;
	font-size: 1.6em;
	font-style: italic;
	font-weight: bold;
	padding: 0.1em;
	position: relative;
	z-index: 1;
}

table#tablereservation,table#tablereservation tr,table#tablereservation td,table#tablereservation dt
	{
	border: none;
	margin: 0;
	padding: 0;
}

table#tablereservation fieldset {
	margin: auto;
	padding: 0 10px 10px 10px;
}

table#tablecontact,table#tablecontact table,table#tablecontact tr,table#tablecontact td,table#tablecontact dt
	{
	border: none;
	margin: 0;
	padding: 0;
}

table#tablecontact fieldset {
	margin: auto;
	padding: 0 10px 10px 10px;
}

td#adress fieldset {
	margin-left: 5px;
}

td#infosreservation fieldset {
	margin-left: 5px;
}

td.td0 {
	width: 200px;
}

table.tableContent,table.tableContent table,table.tableContent tr,table.tableContent td,table.tableContent dt
	{
	border: none;
	margin: 0;
	padding: 0;
}

table.tableContent td {
	vertical-align: middle;
	padding-left: 10px;
}

dt#envoyer-label {
	height: 0px;
}

ul.errors li {
	color: red;
	font-weight: bold;
	list-style-image: url(/img/error.png);
}

#articles table {
	border: none;
}

#articles table td,table th {
	border: none;
	padding: 0;
}

#articles table td.leftSide,table th.leftSide {
	width: 400px;
	text-align: left;
	vertical-align: middle;
}

#navigationLangues ul {
	float: right;
}

#navigationLangues li {
	text-align: center;
	border: 1px solid white;
	filter: alpha(opacity =                                 70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	background-color: MediumVioletRed;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	list-style-type: none;
	height: 15px;
	width: 120px;
	margin-top: 2px;
	padding: 0;
	line-height: 0px;
}

#navigationLangues a,#navigationLangues a:VISITED {
	color: white;
	text-decoration: none;
	font: normal normal bold 15px/normal verdana, arial, sans-serif;
	font-variant: small-caps;
	line-height: 10px;
}

div#tarifs {
	margin: 0 auto;
	width: 700px;
}

div#tarifs table,div#tarifs tr,div#tarifs td,div#tarifs th {
	border: none;
	margin: 0 auto;
	padding: 2px 10px 2px 10px;
	text-align: center;
}

div#tarifs th {
	color: #e42b85;
	text-align: left;
}

li.pdf {
	list-style-image: url("/img/icon_pdf.gif");
}

li.gitesdefrance {
	list-style-image: url("/img/icon_gitesdefrance.gif");
}

li.facebook {
	list-style-image: url("/img/icon_facebook.gif");
}

li.twitter {
	list-style-image: url("/img/icon_twitter.gif");
}

li.epis {
	list-style-image: url("/img/icon_epis.gif");
}

li.web {
	list-style-image: url("/img/icon_web.gif");
}

li.gitenouette {
	list-style-image: url("/img/icon_gite.gif");
}

li.udtgite {
	list-style-image: url("/img/icon_123gite.gif");
}

li.infochambres {
	list-style-image: url("/img/icon_infochambres.gif");
}

li.franceengites {
	list-style-image: url("/img/icon_franceengites.gif");
}

li.sharedhouse {
	list-style-image: url("/img/icon_sharedhouse.gif");
}

li.annuairegitefrance {
	list-style-image: url("/img/icon_annuairegitefrance.gif");
}

.plan li {
	list-style-image: url("/img/icon_gite.gif");
}

#businessCard {
	width: 420px;
	height: 275px;
}

.coordonnees {
	text-align: center;
}

a.button,.plan a,.coordonnees,.coordonnees a {
	color: #e42b85;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.9em;
}

table.liens a {
	color: #e42b85;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.9em;
}

ul.modereservation {
	list-style: circle outside;
	color: #a3c300;
}

p.backtext {
	color: black;
}